
$(function(){
  
    //首先将#back-to-top隐藏
    $(".top_up").hide();

	//当滚动条的位置处于距顶部100px以下时，跳转链接出现，否则消失
	$(window).scroll(function(){

	    // scrollTop(),设置或返回当前匹配元素相对于垂直滚动条顶部的偏移
	    if ($(window).scrollTop()>100){

	      // fadeIn(),使用淡入效果来显示一个隐藏元素
	      $(".top_up").fadeIn(1000);
	    }
	    else {

	      // fadeOut(),使用淡入效果来显示一个显示元素
	      $(".top_up").fadeOut(1000);
	    }
	});
	  
  	//当点击跳转链接后，回到页面顶部位置
  	$(".top_up").click(function(){
	  
		// 返回自定义位置
    	$('body,html').animate({scrollTop:0},0);
    	return false;
  	});
  
});
  		
		
